<template>
<my-template>
	<view slot="header">
		<image src="../../static/png4.jpg"
		class="image1"
		width="100%"></image>
	</view>
	<view slot="title">
		<view class="view2">
			<h1 class="h11">Notes</h1>
			<hr class="hr1">
		</view>

	</view>
	<scroll-view slot="content">
		<view v-for="(item,index) in notes" :key="index">
			<card-note :note="item"></card-note>
			<card-note :note="item"></card-note>
			<card-note :note="item"></card-note>
		</view>
	</scroll-view>
</my-template>


</template>

<script>
	import myTemplate from '../../components/my-template.vue'
	export default {
		data() {
			return {
				title: 'test',
				notes:[]
			}
		},
		onLoad() {
			uni.request({
				url:'/app/api/v4/getNotes_limit',
				method:'GET',
				success:(res)=>{
					this.notes=res.data
				}
			})
		},
		methods: {

		},		
		components:{
			cardNote,myTemplate
		}
	}
	import cardNote from '../../components/card-note.vue'
</script>
<style>
	

	
	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>
